<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<style type="text/css">
		*{margin:0px;padding: 0px;}
		#main{ background-image: url('img/background-index.jpg'); background-repeat:no-repeat; width: 1920px; height: 1080px;  }
		ul{position: relative;top:700px;left: 135px;width: 200px;}
		ul li{margin-bottom: 25px; }
		a{font-size: 20px;text-decoration: none;color: #0A0707;}
	</style>
</head>
<body style="overflow: hidden;">
	<div id="main">
		<ul>
			<li id="yilang" onclick="status('yilang')"><a href="yilang/video1.html" >伊朗</a></li>
			<li id="asaibaijiang" onclick="status('asaibaijiang')"><a href="asaibaijiang/video1.html" >阿塞拜疆</a></li>
			<li id="hasakesitan" onclick="status('hasakesitan')"><a href="hasakesitan/video1.html" >哈萨克斯坦</a></li>
			<li id="tajikesitan" onclick="status('tajikesitan')"><a href="tajikesitan/video1.html" >塔吉克斯坦</a></li>
			<li id="jierjisisitan" onclick="status('jierjisisitan')"><a href="jierjisisitan/video1.html" >吉尔吉斯斯坦</a></li>
			<li id="wuzibiekesitan" onclick="status('wuzibiekesitan')"><a href="wuzibiekesitan/video1.html" >乌兹别克斯坦</a></li>			
		</ul>
	</div>
	<script type="text/javascript">
		function status(id){
		var element=document.getElementById(id);
		element.style.textDecoration='underline';

	}
	</script>	
</body>
</html>